import React, { Component } from 'react';
import {
  View,Text,StyleSheet,ScrollView,
    Platform
} from 'react-native';
import pxToDp from '../common/comm';
import * as DATA from '../data/data';

export default class About extends Component {
  static navigationOptions={
    headerTintColor:'#fff',
    headerTitle: '关于伏蒙',
    headerStyle: {
      backgroundColor: DATA.BASE_COLOR,
        height:Platform.OS === 'android'?pxToDp(84):pxToDp(110)
    },
    headerTitleStyle: {
      color: '#fff',
      fontSize: pxToDp(34),
        marginLeft:Platform.OS === 'android'?pxToDp(185):null
    },
    gesturesEnabled :true
  }
  render() {
    return (
      <ScrollView
        contentContainerStyle={styles.contentContainer}
      >
        <View style={styles.itemContainer}>
            <Text style={styles.title}>关于伏蒙</Text>
            <Text style={styles.contentxt}>广泛深度的发掘联合各个卓越的优质金融平台，旨在为更广大的投资人提供更专业，更安全的投资方向。伏蒙推荐用心筛选。还可享受平台返利外更丰厚的回报。</Text>
        </View>
        <View style={styles.itemContainer}>
          <Text style={styles.title}>规则介绍</Text>
          <View style={styles.content}>
              <Text style={styles.contentxt}>1：注册成为伏蒙会员，即可享受众多平台利率之外的高额返利。</Text>
              <Text style={styles.contentxt}>2：根据每次活动的不同，按照相应的步骤进行注册投资，即可享受现金返利。</Text>
              <Text style={styles.contentxt}>3：目前暂时从支付宝或银行卡进行返现活动。</Text>
              <Text style={styles.contentxt}>4：申请返利前，需要完善个人信息和支付宝账号或者银行卡账号。</Text>
          </View>
        </View>
        <View style={styles.itemContainer}>
          <Text style={styles.title} >联系我们</Text>
          <View style={styles.content}>
              <Text style={styles.contentxt}>电话：010-64801564</Text>
              <Text style={styles.contentxt}>QQ：3463498574</Text>
              <Text style={styles.contentxt}>微信：fumenglicai</Text>
          </View>
        </View>
      </ScrollView>
    );
  }
}

var styles = StyleSheet.create({
    contentContainer: {
      padding: pxToDp(40),
        paddingLeft:pxToDp(70),
        paddingRight:pxToDp(70)
    },
    itemContainer:{
        shadowColor:'#cacaca',
        alignItems:'center',
        marginBottom:pxToDp(40),
        borderWidth:1,
        borderColor:'#36ad50',
        paddingLeft:pxToDp(30),
        paddingRight:pxToDp(30),
        paddingBottom:pxToDp(30)
    },
    title:{
      fontSize:pxToDp(34),
        marginBottom:pxToDp(25),
        backgroundColor:'#018c47',
        color:'#fff',
        paddingLeft:pxToDp(20),
        paddingRight:pxToDp(20),
        borderRadius:pxToDp(10)
    },
    contentxt:{
        fontSize:pxToDp(30),
    }
  });
